优化样式，调整代码块的背景和字体颜色，提升可读性；更新友链提交格式说明

src/style.css

@@ -9,8 +9,6 @@
 
   --background-color: #242424;
   --text-color: #3d3d3d;
-  --code-background-color: #f5f5f5;
-  --code-text-color: #333;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -31,8 +29,6 @@ a:hover {
 .dark {
   --background-color: #242424;
   --text-color: rgb(228, 228, 228);
-  --code-background-color: #2d2d2d;
-  --code-text-color: #cccccc;
 }
 
 body {
@@ -94,4 +90,14 @@ button:focus-visible {
 
 p,a,h1,h2,h3,h4,h5,h6 {
   color: var(--text-color);
+}
+
+:root {
+  --pre-background-color: #f5f5f5; /* 光明模式的背景颜色 */
+  --pre-text-color: #333; /* 光明模式的字体颜色 */
+}
+
+.dark {
+  --pre-background-color: #2d2d2d; /* 黑暗模式的背景颜色 */
+  --pre-text-color: #cccccc; /* 黑暗模式的字体颜色 */
 }