style(ui): 清除与删除按钮补上边框，与取消/保存成套

抽屉底部的取消有边框、保存是实心，而删除是纯文字；日期框旁的清除同样是
纯文字。两者都缺少按钮的可点击暗示，放在一起不成套。

- 删除：加 border-rose-300 / dark:border-rose-800，保留 rose 文字色
- 清除：加 border-slate-300 / dark:border-zinc-600，圆角由 rounded(4px)
  改为 rounded-md(6px) 与日期输入框对齐，文字色提到 slate-600/zinc-300

窄屏下验证过不溢出：320 / 336 / 390 / 1440 四种宽度、深浅两色，
日期行 scrollWidth 均等于 clientWidth。

src/components/DatePicker.vue

@@ -89,7 +89,7 @@ function openPicker(): void {
     <button
       v-if="modelValue"
       type="button"
-      class="shrink-0 rounded px-2 py-1 text-xs text-slate-500 transition hover:bg-slate-100 dark:text-zinc-400 dark:hover:bg-zinc-800"
+      class="shrink-0 rounded-md border border-slate-300 px-2.5 py-1 text-xs text-slate-600 transition hover:bg-slate-100 dark:border-zinc-600 dark:text-zinc-300 dark:hover:bg-zinc-800"
       @click="emit('update:modelValue', null)"
     >
       清除

src/components/TaskDetailDrawer.vue

@@ -139,7 +139,7 @@ function remove(): void {
       <div class="flex items-center justify-between">
         <button
           type="button"
-          class="rounded-md px-2.5 py-1.5 text-sm text-rose-600 transition hover:bg-rose-50 dark:text-rose-400 dark:hover:bg-rose-950"
+          class="rounded-md border border-rose-300 px-2.5 py-1.5 text-sm text-rose-600 transition hover:bg-rose-50 dark:border-rose-800 dark:text-rose-400 dark:hover:bg-rose-950"
           @click="remove"
         >
           删除