久々修正

なんとなく、preタグとblockquoteタグを変更。preタグを飛び出し、blockquoteタグを引っ込み風に。
単純に、border-colorの左上／右下をバックグラウンドカラーから暗くしたり明るくしたりするだけ。簡単。
borderを広げたのでその分、paddingを 7→6へ減らした。
blockquote

/* background:#8a8;なのでハイライトは+#222 シャドウは-#222 */
border-color: #686 #aca #aca #686;
border-style: solid;
border-width: 2px;

pre

/* background:#e7ebff;なので#eefとみなし、ハイライトは+#222 シャドウは-#222 */
border-color: #fff #ccd #ccd #fff;
border-style: solid;
border-width: 2px;